﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" CodeBehind="MediaSelect.aspx.cs" Inherits="MediaRecommender.MediaSelect" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <style>
        div.centered {
            text-align: center;
        }

            div.centered table {
                margin: 0 auto;
                text-align: left;
                width: 300px;
                height: 100%;
            }
    </style>
</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="Body" runat="server">

    <h1><%= tryOut %></h1>
    <div class="centered">
        <div class="namelabel">
            <asp:Label ID="SearchLabel"  Text="Search" runat="server"></asp:Label>
            <asp:TextBox ID="SearchBox" CssClass="search" runat="server" Text="" OnTextChanged="SearchButton_Click"></asp:TextBox>
            <asp:DropDownList ID="MediaSelectList" runat="server" />
            <asp:Button ID="SearchButton" Text="Search" runat="server" OnClick="SearchButton_Click"  />
        </div>
        <div id="ratingTest">
            <asp:Label ID="RatingLabel" Text="Rating" runat="server"></asp:Label>
            <asp:RadioButtonList ID="RatingList" runat="server" RepeatDirection="Horizontal">
                <asp:ListItem>0</asp:ListItem>
                <asp:ListItem>1</asp:ListItem>
                <asp:ListItem>2</asp:ListItem>
                <asp:ListItem>3</asp:ListItem>
                <asp:ListItem>4</asp:ListItem>
                <asp:ListItem>5</asp:ListItem>
                <asp:ListItem>6</asp:ListItem>
                <asp:ListItem>7</asp:ListItem>
                <asp:ListItem>8</asp:ListItem>
                <asp:ListItem>9</asp:ListItem>
                <asp:ListItem>10</asp:ListItem>
            </asp:RadioButtonList>
        </div>
        <div style="overflow: auto; width:1000px; background-image:url('Pics/right-pattern.png'); height: 686px;">
        <asp:Table ID="TableHeader" runat="server">
            <asp:TableRow runat="server" >
            </asp:TableRow>
        </asp:Table>
            </div>
    </div>
</asp:Content>
